<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
      
<link href="css/tablesorter-style.css" rel="stylesheet" type="text/css" />      
<link href="css/jquery.tablesorter.pager.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<s:url value='/js/jquery.tablesorter.min.js'/>"></script>      
          	             
<script>

$(function() {
	$( "input:submit" ).button();	
});

$(document).ready(function() {
	 $("#listMembers").tablesorter(); 
});

</script>
          	             
<div id="content">			
    <div class="post">
        <h2>Pencarian Anggota</h2>                    
        <div class="entry">
        	<s:actionerror cssStyle="color:#FF0000"/>
        	<s:form action="searchReg">
        		<table cellspacing="10" >            						
					<tr>
						<td>Nama:</td>															
						<td><s:textfield name="name" size="40"/></td>
					</tr>
					
					<tr>
						<td>Email:</td>															
						<td><s:textfield name="email" size="30"/></td>
					</tr>
					
					<tr>
						<td>Cycled Out:</td>															
						<td>
							<s:select
								name="cycledOut"								
								list="listOption"
								listKey="code"
								listValue="desc"
								id="cycledOut"/>															
						</td>
					</tr>
					
					<tr>
						<td colspan="2"><s:submit value="Cari"/></td>
					</tr>										
					
				</table>
				
				<display:table name="listMembers" id="listMembers" class="tablesorter">
	  				<display:column property="name" title="Nama" href="viewMember" paramId="id" paramProperty="id"/>
	  				<display:column property="email" title="Email" />
	  				<display:column property="cycledOutDesc" title="Cycled Out?"/>
				</display:table>   
				
        	</s:form>                                          	                 
        </div>
    </div>                				             
</div><!-- content -->                       


